<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/mask.css">
</head>

<body>
  <div class="ruleMask">
    <div class="phone_box">
      <div class="head_wrap">
        <img src="./images/alert_head.png" alt="完成手机认证">
      </div>
      <div class="from_wrap">
        <ul>
          <li>
            <span>手机号</span>
            <input type="number" />
          </li>
          <li class="yzm">
            <span>验证码</span>
            <input type="number" />
            <i>点击发送验证码</i>
          </li>
        </ul>
        <div class="button_wrap">提交</div>
        <div class="rules_wrap">活动规则</div>
      </div>
    </div>
    <div class="colse_btn">
      <image class="ruleMaskCloseBtn" src="./images/close_btn.png"></image>
    </div>
  </div>

  <script src="./js/flexible.js"></script>
</body>

</html>